$(function(){
    loginName=baseFunction.getUrlParameterValueByKey("loginName");
    page=1; //页码 默认值
    currentLi="3";//默认值 2-二维码交易 3-快捷交易
    isTrue=false; //控制滑动时重复加载
    getList(1,3) //页面初始化
    //tab切换
    $(".tab>div").on("click",function(){
        isTrue=false;
        $(".tab>div").removeClass("currentView");
        $(this).addClass("currentView");
        $(".list").html("");
        page=1;
        currentLi=$(this).attr("data-id");
        getList(page,currentLi) //初始化
    })
    // 滑动加载
    document.addEventListener("scroll",function(){
        if($(".list .li:last-of-type")[0].offsetTop<window.innerHeight+getScroll().scrollTop+50){
            if(isTrue){ //在加载中
                return;
            }
            page++;
            getList(page,currentLi) //初始化
        }
    })
})


/**
 * 获取列表数据
 */
function getList (page,currentLi,isHistory) {
    isTrue=true;
    var data = {
      userName: baseFunction.encryption(loginName),
      page: page, //页码
      dateType:isHistory?isHistory:"1", //日期
      transType: currentLi //2-二维码交易 3-快捷交易
    }
    baseFunction.netRequest("transSummary", data, function (res) {
        
        if (res.code == 200) {
        var data = JSON.parse(JSON.parse(res.data).transInfo);
            console.log(data);
            var html="";
            // 判断第一页没有数据的时候
            if(page==1 && data.length==0){
                html="<p style='text-align: center;font-size: 0.26rem;'>暂无数据...<p>";
                $(".list").html(html);
                return;
            }
            if(data.length==0){
                isTrue=true; 
                return;
            }
            data.forEach(function(index,key){
                html+="<div class='li' >"
                +"<img class='mark' src='../static/img/order_record_icon_traded.png'>"
                +"<div class='left'>"
                +"<text>普通消费</text>"
                +"<text>"+index.transDate+" "+index.transTime+"</text>"
                +"</div>"
                +"<div class='right fr'>"
                +"<text>￥"+index.totalFee+"</text>"
                +"<text>支付成功</text>"
                +"</div>"
                +"</div>"
            });
            if( $(".list .li").length>0 ){
                $(".list").append(html);
            }else{
                $(".list").html(html);
            }
            isTrue=false;
        
      }
    })
  }

  /**
 * 兼容屏幕的滑动距离
 */
function getScroll(){
    return{
        scrollTop: window.pageYOffset|| document.documentElement.scrollTop|| document.body.scrollTop||0,
        scrollLeft: window.pageXOffset || document.documentElement.scrollLeft|| document.body.scrollLeft||0
    }
}